<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>phatfusion : slideshow</title>

<link href="modules/InnoForum/pnincludes/slideshow/slideshow.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="modules/InnoForum/pnincludes/slideshow/mootools.js"></script>
<script type="text/javascript" src="modules/InnoForum/pnincludes/slideshow/backgroundslider.js"></script>
<script type="text/javascript" src="modules/InnoForum/pnincludes/slideshow/slideshow.js"></script>

</head>
<body>
	<div id="container">
		
		<h3 class="example">example</h3>
		<div id="example">
		<div id="slideshowContainer" class="slideshowContainer"></div>
			<div id="thumbnails">
		  <a href="<!--[resource size='large' path='topics' id='2']-->" class="slideshowThumbnail"><img src="<!--[resource size='medium' path='topics' id='2']-->" border="0" class="thumnail-item"/></a>
      <a href="<!--[resource size='large' path='topics' id='3']-->" class="slideshowThumbnail"><img src="<!--[resource size='medium' path='topics' id='3']-->" border="0" class="thumnail-item"/></a>
      <a href="<!--[resource size='large' path='topics' id='4']-->" class="slideshowThumbnail"><img src="<!--[resource size='medium' path='topics' id='4']-->" border="0" class="thumnail-item"/></a>
      <a href="<!--[resource size='large' path='topics' id='5']-->" class="slideshowThumbnail"><img src="<!--[resource size='medium' path='topics' id='5']-->" border="0" class="thumnail-item"/></a>
      <a href="<!--[resource size='large' path='topics' id='6']-->" class="slideshowThumbnail"><img src="<!--[resource size='medium' path='topics' id='6']-->" border="0" class="thumnail-item"/></a>
		  </div>
		  
		  

			<script type="text/javascript">
		  	window.addEvent('domready',function(){
				var obj = {
					wait: 3000, 
					effect: 'fade',
					duration: 1000, 
					loop: true, 
					thumbnails: true,
					backgroundSlider: true,
					onClick: function(i){alert(i)}
				}
				show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
				show.play();
			});
		  </script>
		</div>
		
	</div>

</body>
</html>